<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"
   %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>医院管理系统</title>
<meta name="description" content="医院管理系统">
<meta name="keywords" content="医院管理系统">
<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">


<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/iCheck/square/blue.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/morris/morris.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/jvectormap/jquery-jvectormap-1.2.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/datepicker/datepicker3.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/daterangepicker/daterangepicker.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/datatables/dataTables.bootstrap.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/treeTable/jquery.treetable.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/treeTable/jquery.treetable.theme.default.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/select2/select2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/colorpicker/bootstrap-colorpicker.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/css/style.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/ionslider/ion.rangeSlider.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/ionslider/ion.rangeSlider.skinNice.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/bootstrap-slider/slider.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/jsp/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
    <!-- 引入 echarts.js -->
    <script src="${pageContext.request.contextPath}/jsp/js/echarts.min.js"></script>
</head>
<body class="hold-transition skin-purple sidebar-mini">
	<div class="wrapper">
		<!-- 页面头部 -->
		<jsp:include page="header.jsp"></jsp:include>
		<!-- 页面头部 /-->
		<!-- 导航侧栏 -->
		<jsp:include page="aside.jsp"></jsp:include>
		<!-- 导航侧栏 /-->

		<!-- 内容区域 -->
		<div class="content-wrapper">

			<!-- 内容头部 -->
			<section class="content-header">
			<h1>
				预约管理 <small>各个科室预约统计</small>
			</h1>
			<ol class="breadcrumb">
				<li><a href="${pageContext.request.contextPath}/jsp/pages/main.jsp"><i
						class="fa fa-dashboard"></i> 首页</a></li>
				<li><a href="${pageContext.request.contextPath}/jsp/pages/appointments-list.jsp">预约管理</a></li>
				<li class="active">预约统计</li>
			</ol>
			</section>
			<!-- 内容头部 /-->
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 800px;height:600px;margin-left: 5cm">1111</div>


<script type="text/javascript">


</script>
</div>
<!-- 内容区域 /-->

<!-- 底部导航 -->
<footer class="main-footer">
<div class="pull-right hidden-xs" >
	<b>Version</b> 1.0.8
</div>
<strong>Copyright &copy; 2021-2022 <a href="http://www1.lsnu.edu.cn/">乐山师范学院</a>
<!-- 底部导航 /-->
</strong>
</footer>

</div>


<script
src="${pageContext.request.contextPath}/jsp/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap/js/bootstrap.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/raphael/raphael-min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/morris/morris.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/sparkline/jquery.sparkline.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/knob/jquery.knob.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/daterangepicker/moment.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/daterangepicker/daterangepicker.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/datepicker/bootstrap-datepicker.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/fastclick/fastclick.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/iCheck/icheck.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/adminLTE/js/app.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/treeTable/jquery.treetable.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/select2/select2.full.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-markdown/js/markdown.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/ckeditor/ckeditor.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/input-mask/jquery.inputmask.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/datatables/jquery.dataTables.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/chartjs/Chart.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/flot/jquery.flot.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/flot/jquery.flot.resize.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/flot/jquery.flot.pie.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/flot/jquery.flot.categories.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/ionslider/ion.rangeSlider.min.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script
src="${pageContext.request.contextPath}/jsp/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>

<script>
onload = function (ev) {
	//pageContext.request.contextPath是JSP取得绝对路径的方法
	$.get("${pageContext.request.contextPath}/ks/findAll",{},
		function (data) {
		var str="";
		for (var i =0;i < data.length;i++){
			str+="<option value="+data[i].id+">"+data[i].name+"</option>";
		}
		select.innerHTML=str;
	});
	console.log('${department}');
	
	
}
</script>

<script>
$(document).ready(function() {
	// 先确定用于展示echart的标签块，在body里写了一个div，并给id命名为main
	var chartDom = document.getElementById('main');
	var myChart = echarts.init(chartDom);
	var option;
	//页面加载数据
	
	$.get("/Hospital/appointOption/statistics",{},
			function (data) {
		var array = new Array();
				option = {
					    legend: {
					        top: 'bottom'//图例在饼图底部
					    },
					    toolbox: {
					        show: true,
					        feature: {
					            mark: {show: true},//辅助线标志
					            dataView: {show: true, readOnly: false},//数据视图
					            restore: {show: true},//还原
					            saveAsImage: {show: true}
					        }
					    },
					    //设置图表数据
					    series: [
					        {
					            name: '预约科室统计图',
					            type: 'pie',
					            radius: [50, 250],
					            center: ['50%', '50%'],
					            roseType: 'area',
					            itemStyle: {
					                borderRadius: 8
					            },
					            label : {//显示数值
					            　　　　	normal : {
					            　　　　　　	formatter: '{b}:{c}'+'个'+'\n'+' ({d}%)',
					            　　　　　　	textStyle : {
					                fontWeight : 'normal',
					                fontSize : 15
					            　　　　　　}
	                           }
							},
					            data: data
					        }
					    ]
					};
				console.log(array);
				option.series.data=array;
				option && myChart.setOption(option);//将配置传给Echarts
		});
	
	
	// 选择框
	$(".select2").select2();

	// WYSIHTML5编辑器
	$(".textarea").wysihtml5({
		locale : 'zh-CN'
	});
});

// 设置激活菜单
function setSidebarActive(tagUri) {
	var liObj = $("#" + tagUri);
	if (liObj.length > 0) {
		liObj.parent().parent().addClass("active");
		liObj.addClass("active");
	}
}

$(document).ready(function() {
	// 激活导航位置
	setSidebarActive("order-manage");
	$("#datepicker-a3").datetimepicker({
		format:"yyyy-mm-dd hh:ii",
		
	});

});
</script>


</body>

</html>